<template>
	<view>
		<template name="skeleton">
		  <view class="sk-container">
		    <view class="container container data-v-57280228 data-v-57280228">
		      <view class="banner banner data-v-57280228 data-v-57280228">
		        <image mode="true" class="bg data-v-57280228 sk-image"></image>
		      </view>
		      <view class="content content data-v-57280228 data-v-57280228">
		        <view class="login login data-v-57280228 data-v-57280228">
		          <view class="title title data-v-57280228 data-v-57280228">
		            <view class="data-v-57280228 data-v-57280228">
		              <image mode="true" class="icon data-v-57280228 sk-image"></image>
		            </view>
		            <view class="data-v-57280228 sk-transparent sk-text-22-2222-69 sk-text">跟宝宝打个招呼</view>
		          </view>
		          <view class="btn data-v-57280228 sk-transparent sk-text-13-3333-488 sk-text">登录/注册</view>
		        </view>
		        <view class="entrance entrance data-v-57280228 data-v-57280228">
		          <view class="item data-v-57280228 sk-pseudo sk-pseudo-circle" data-event-opts="tap,goMenu">
		            <image class="icon data-v-57280228 sk-image"></image>
		            <view class="title data-v-57280228 sk-transparent sk-text-22-2222-273 sk-text">托育服务</view>
		          </view>
		          <view class="item data-v-57280228 sk-pseudo sk-pseudo-circle" data-event-opts="tap,goMenu">
		            <image class="icon data-v-57280228 sk-image"></image>
		            <view class="title data-v-57280228 sk-transparent sk-text-22-2222-359 sk-text">托管服务</view>
		          </view>
		          <view class="item item data-v-57280228 data-v-57280228" data-event-opts="tap,goMenu">
		            <image class="icon data-v-57280228 sk-image"></image>
		            <view class="title data-v-57280228 sk-transparent sk-text-22-2222-901 sk-text">绘本阅读</view>
		          </view>
		        </view>
		      </view>
		    </view>
		  </view>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.sk-transparent {
    color: transparent !important;
  }
.sk-text-22-2222-69 {
    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
    background-size: 100% 48.4615rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-13-3333-488 {
    background-image: linear-gradient(transparent 13.3333%, #EEEEEE 0%, #EEEEEE 86.6667%, transparent 0%) !important;
    background-size: 100% 28.8462rpx;
    position: relative !important;
  }
.sk-text-22-2222-273 {
    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
    background-size: 100% 51.9231rpx;
    position: relative !important;
  }
.sk-text-22-2222-359 {
    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
    background-size: 100% 51.9231rpx;
    position: relative !important;
  }
.sk-text-22-2222-901 {
    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
    background-size: 100% 51.9231rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }
</style>
